    <h2>Record overview</h2>
    <input type="button" class="button" name="togglePartner" value="Partners"/>
    <input type="button" class="button" name="togglePerson" value="Persons"/>

    <table class="scrollTable">
        <thead>
            <tr> 
                <th class="nameCell">Name</th>
                <th class="nameCell">Type</th>
                <th class="nameCell">Date & time:</th>
                <th class="nameCell">Communicated:</th>
            </tr>
        </thead>
        <tbody>
                <tr><td>Michael Jons</td><td>Person</td><td>2009-05-05</td><td>Appointment</td></tr>
                <tr><td>Maarten van Dijk</td><td>Person</td><td>2009-06-08</td><td>Phone</td></tr>
                <tr><td>Jan de Graaf</td><td>Person</td><td>2009-06-09</td><td>Mail</td></tr>
                <tr><td>Eline Jansen</td><td>Person</td><td>2009-06-08</td><td>Mail</td></tr>
                <tr><td>Eline Jansen</td><td>Person</td><td>2009-06-07</td><td>Mail</td></tr>
        </tbody>
    </table>
    <script type="text/javascript">
        //$('.scrollTable').dataTable({ "sAjaxSource": base_url+"index.php/portal/getRecords", "sPaginationType": "full_numbers", "bRetrieve": true });
        $('.scrollTable').dataTable({ "sPaginationType": "full_numbers", "bRetrieve": true });
    </script>
    <input type="button" class="button addButton" name="addRecord" value="Add" id="showAddRecordForm" onclick="showForm()"/>
    <div class="addRecordForm">
        <form style="display: none;">
        <div class="recordField">
            <label>Select type:</label>
            <select name="type_id" id="recordType">
                <option value="partner">Partner</option>
                <option value="person" >Person</option>
            </select>
            <label>Internal contact:</label>
            <select name="person_id" id="recordInternalContact">
                <option value="1">John Doe</option>
                <option value="2">Jan Klaassen</option>
            </select>
        </div>

        <div class="recordField">
            <!--label>Added by:</label>
            <input type="text" name="adminID" id="recordAddedBy"/-->
            <label>Add attachement:</label>
            <input type="text" name="file" id="recordAttachement"/>
        </div>
        
        <div class="recordField">
            <label>Date & time:</label>
            <input type="text" name="created" id="recordDateTime"/>
            <label>Contact:</label>
            <select name="communication_type" id="recordContact">
                <option value="Mail">Mail</option>
                <option value="Phone">Phone</option>
                <option value="Meeting">Meeting</option>
            </select>
        </div>
        <div class="recordField">
            <label>Description:</label>
            <textarea cols="5" rows="6" name="description" class="textArea" id="recordDesc"></textarea>
        </div>
            
        <div class="formButton">
            <input type="button" class="button" name="cancelAddRecord" id="hideAddRecordForm" value="Cancel" onclick="hideForm()"/>
            <input type="submit" class="button" name="addRecord" id="addRecord" value="Save"/>
              <script type="text/javascript">
                $('#addRecord').click(addRecord());
            </script>
        </div>
            </form>
    </div>
    